<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于我们 - 康养优选</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/about.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
    <header>
        <nav class="navbar">
            <div class="logo">
                <h1><i class="fas fa-leaf"></i> 康养优选</h1>
            </div>
            <button class="menu-toggle" id="menuToggle">
                <i class="fas fa-bars"></i>
            </button>
            <ul class="nav-links">
                <li><a href="index.html"><i class="fas fa-home"></i> 首页</a></li>
                <li><a href="index.html#products"><i class="fas fa-heart"></i> 产品展示</a></li>
                <li><a href="about.html" class="active"><i class="fas fa-info-circle"></i> 关于我们</a></li>
                <li><a href="index.html#contact"><i class="fas fa-envelope"></i> 联系方式</a></li>
            </ul>
        </nav>
    </header>

    <main class="about-page">
        <section class="about-hero">
            <div class="about-hero-content">
                <h1>关于康养优选</h1>
                <p>专注健康，用心服务</p>
            </div>
        </section>

        <section class="company-intro">
            <div class="container">
                <h2><i class="fas fa-building"></i> 公司简介</h2>
                <div class="intro-content">
                    <div class="intro-text">
                        <p>康养优选成立于2010年，是一家专注于健康保健品研发、生产和销售的现代化企业。十余年来，我们始终秉承"质量第一、科技创新、服务健康"的经营理念，致力于为消费者提供优质、安全、有效的保健产品。</p>
                        <p>公司拥有先进的研发中心和现代化生产基地，通过ISO9001质量管理体系认证和保健食品GMP认证。我们与多家科研院所建立长期合作关系，不断推进产品创新和技术升级。</p>
                    </div>
                    <div class="company-stats">
                        <div class="stat-item">
                            <span class="stat-number">10+</span>
                            <span class="stat-label">年行业经验</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-number">100+</span>
                            <span class="stat-label">种优质产品</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-number">1000万+</span>
                            <span class="stat-label">消费者信赖</span>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="company-culture">
            <div class="container">
                <h2><i class="fas fa-heart"></i> 企业文化</h2>
                <div class="culture-grid">
                    <div class="culture-item">
                        <i class="fas fa-eye"></i>
                        <h3>企业愿景</h3>
                        <p>成为中国最受信赖的健康管理服务商</p>
                    </div>
                    <div class="culture-item">
                        <i class="fas fa-bullseye"></i>
                        <h3>企业使命</h3>
                        <p>为人类健康事业贡献力量</p>
                    </div>
                    <div class="culture-item">
                        <i class="fas fa-gem"></i>
                        <h3>核心价值观</h3>
                        <p>诚信、创新、专业、共赢</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="quality-control">
            <div class="container">
                <h2><i class="fas fa-check-circle"></i> 质量保证</h2>
                <div class="quality-grid">
                    <div class="quality-item">
                        <i class="fas fa-flask"></i>
                        <h3>研发实力</h3>
                        <p>拥有专业研发团队，与多家科研院所合作</p>
                    </div>
                    <div class="quality-item">
                        <i class="fas fa-industry"></i>
                        <h3>生产管理</h3>
                        <p>严格执行GMP标准，全程质量监控</p>
                    </div>
                    <div class="quality-item">
                        <i class="fas fa-certificate"></i>
                        <h3>资质认证</h3>
                        <p>通过ISO9001、HACCP等多项认证</p>
                    </div>
                    <div class="quality-item">
                        <i class="fas fa-shipping-fast"></i>
                        <h3>供应链管理</h3>
                        <p>原料严选，全程可追溯</p>
                    </div>
                </div>
            </div>
        </section>

        <section class="development">
            <div class="container">
                <h2><i class="fas fa-chart-line"></i> 发展历程</h2>
                <div class="timeline">
                    <div class="timeline-item">
                        <div class="year">2010年</div>
                        <div class="event">
                            <h3>公司成立</h3>
                            <p>康养优选正式成立，开启健康事业征程</p>
                        </div>
                    </div>
                    <div class="timeline-item">
                        <div class="year">2015年</div>
                        <div class="event">
                            <h3>研发中心成立</h3>
                            <p>建立现代化研发中心，加强创新能力</p>
                        </div>
                    </div>
                    <div class="timeline-item">
                        <div class="year">2018年</div>
                        <div class="event">
                            <h3>生产基地升级</h3>
                            <p>引进智能化生产线，提升生产效率</p>
                        </div>
                    </div>
                    <div class="timeline-item">
                        <div class="year">2024年</div>
                        <div class="event">
                            <h3>全面数字化</h3>
                            <p>推进全渠道数字化转型，提升服务体验</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer>
        <p>&copy; 2024 康养优选. 版权所有</p>
    </footer>

    <script src="js/main.js"></script>
</body>
</html> 